<div class="index-kmn">
    <nz-layout>
        <nz-header>
            <div nz-row>
                <div nz-col [nzSpan]="screen.emptyColSpan" class="emptyCol">
                </div>
                <div nz-col [nzSpan]="screen.mainColSpan">
                    <div [class]="classes.headCol">
                        <div class="logoBox">
                            <div class="logo"><img src="./assets/login/kunming_copyright.png"></div>
                            <div>
                                <div class="logoTitle1">昆明南电务段</div>
                                <!-- <div class="logoTitle2">Kunming South Signal Bureau</div> -->
                            </div>
                        </div>
                        <div class="menuBar">
                            <ul nz-menu nzMode="horizontal" style="line-height: 64px;">
                                <li nz-menu-item [nzSelected]="selectedMenu=='index'" (click)="menuClick('index')">首页
                                </li>
                                <li nz-menu-item [nzSelected]="selectedMenu=='aqsc'" (click)="menuClick('aqsc')">安全生产
                                </li>
                                <li nz-menu-item [nzSelected]="selectedMenu=='bzhtx'" (click)="menuClick('bzhtx')">
                                    标准化体系
                                </li>
                                <li nz-menu-item [nzSelected]="selectedMenu=='bzhtx'" (click)="menuClick('xtgl')">
                                    协同办公
                                </li>
                                <!-- <li nz-menu-item [nzSelected]="selectedMenu=='tzgg'" (click)="menuClick('tzgg')">通知公告
                                </li>
                                <li nz-menu-item [nzSelected]="selectedMenu=='xxyd'" (click)="menuClick('xxyd')">学习园地
                                </li>
                                <li nz-menu-item [nzSelected]="selectedMenu=='qtgz'" (click)="menuClick('qtgz')">群团工作
                                </li> -->
                            </ul>
                        </div>
                    </div>
                </div>
                <div nz-col [nzSpan]="screen.emptyColSpan" class="emptyCol">
                </div>
            </div>
        </nz-header>
        <nz-content class="bgwhite main-content">
            <div nz-row>
                <div nz-col nzSpan="24">
                    <img src="./assets/index/banner.jpg" class="bannerImg">
                </div>
            </div>
            <div nz-row *ngIf="mainPage">
                <div nz-col [nzSpan]="screen.emptyColSpan" class="emptyCol">
                </div>
                <!-- <div nz-col [nzSpan]="getSpan(2,16,'ceil')" class="zbLeaderTitle">
                    <span class="icon font_family icon-zu4"></span>
                    <span style="margin-left: 5px;">值班领导</span>
                </div> -->
                <div nz-col [nzSpan]="screen.mainColSpan">
                    <div [class]="classes.titleInfoBar">
                        <span>
                            <span class="zbLeaderTitle">
                                <span class="icon font_family icon-zu4"></span>
                                <span style="margin-left: 5px;">值班领导</span>
                            </span>
                            <span class="leaderBar">
                                <span class="zbLeader" *ngFor="let leader of leaderInfos">
                                    <span>职务：</span>
                                    <span class="impValue">{{leader.JOB}}</span>
                                    <span style="margin-left:10px;">姓名：</span>
                                    <span class="impValue">{{leader.PERNAME}}</span>
                                </span>
                                <span style="margin-left: 10px;">
                                    <span>日期：</span>
                                    <span>{{dateInfo.date}}</span>
                                    <span class="impValue">{{dateInfo.day}}</span>
                                </span>
                            </span>
                        </span>
                        <span>
                            <nz-input-group [nzSuffix]="suffixIconSearch" style="width: 150px;margin-right: 10px;">
                                <input #searchInput1 nzSize="small" nz-input placeholder="站内搜索" />
                            </nz-input-group>
                            <ng-template #suffixIconSearch>
                                <i nz-icon nzType="search" (click)="searchAll(searchInput1.value)"></i>
                            </ng-template>
                            <button nz-button nzType="primary" (click)="login()">{{userInfo?'退出':'登录'}}</button>
                        </span>
                        <!-- <button *ngIf="userInfo" nz-button nzType="primary" (click)="login()">退出</button> -->
                    </div>
                </div>
            </div>
            <div style="clear: both;"></div>
            <div nz-row *ngIf="detailPage">
                <div nz-col [nzSpan]="screen.emptyColSpan" class="emptyCol">
                </div>
                <div nz-col [nzSpan]="screen.mainColSpan">
                    <div [class]="classes.titleInfoBar">
                        <span>
                            <nz-breadcrumb class="bredFlex backToIndex">
                                <nz-breadcrumb-item>
                                    <a class="backToIndex" href="javascript:void(0)"
                                        (click)="goto({page:'main'})">首页</a>
                                </nz-breadcrumb-item>
                                <nz-breadcrumb-item *ngFor="let item of breadList" class="bredFlex">
                                    <div class="breadItem">
                                        <a *ngIf="item.click" (click)="item.click(item)"
                                            class="backToIndex">{{item.text}}</a>
                                        <span *ngIf="!item.click">{{item.text}}</span>
                                    </div>
                                </nz-breadcrumb-item>
                            </nz-breadcrumb>
                        </span>
                        <div class="rightBar">
                            <nz-input-group [nzSuffix]="suffixIconSearch2" style="width: 150px;">
                                <input #searchInput2 nzSize="small" nz-input placeholder="站内搜索" />
                            </nz-input-group>
                            <ng-template #suffixIconSearch2>
                                <i nz-icon nzType="search" (click)="searchAll(searchInput2.value)"></i>
                            </ng-template>
                        </div>
                    </div>
                </div>
            </div>
            <div nz-row *ngIf="mainPage">
                <div nz-col [nzSpan]="screen.emptyColSpan" class="emptyCol">
                </div>
                <div nz-col [nzSpan]="screen.mainColSpan">
                    <nz-layout>
                        <nz-sider nzTheme='light' nzWidth='30%'>
                            <ul [class]="classes.leftMenu" style="background-image: url('./assets/index/sider.jpg');">
                                <li (click)="menuClick('aqfxglxt')">
                                    <i nz-icon [nzIconfont]="'icon-lujing1'"></i>
                                    <span>安全风险管理系统</span>
                                </li>
                                <li (click)="menuClick('kmtljbgxxw')">
                                    <i nz-icon [nzIconfont]="'icon-zu8'"></i>
                                    <span>昆明铁路局办公信息网</span>
                                </li>
                                <li (click)="menuClick('ddsgxt')">
                                    <i nz-icon [nzIconfont]="'icon-zu'"></i>
                                    <span>施工调度系统TDMS5.0</span>
                                </li>
                                <li (click)="menuClick('ktzjxxwlpt')">
                                    <i nz-icon [nzIconfont]="'icon-zu1'"></i>
                                    <span>职工培训学习平台</span>
                                </li>
                                <li (click)="menuClick('kmjjtjsgzxt')">
                                    <i nz-icon [nzIconfont]="'icon-zu10'"></i>
                                    <span>昆明局集团技术规章系统</span>
                                </li>
                                <li (click)="menuClick('kmjkjxmglpt')">
                                    <i nz-icon [nzIconfont]="'icon-zu3'"></i>
                                    <span>昆明局科技项目管理平台</span>
                                </li>
                                <li (click)="menuClick('tlwzglxxxt')">
                                    <i nz-icon [nzIconfont]="'icon-lujing'"></i>
                                    <span>铁路物资管理信息系统</span>
                                </li>
                            </ul>
                        </nz-sider>
                        <nz-content nzWidth='65%' class="bgwhite">
                            <div nz-row>
                                <div nz-col nzSpan="12">
                                    <ul class="articleUl">
                                        <li [class]="classes.articalHead">
                                            <span>
                                                <i nz-icon [nzIconfont]="'icon-zu6'"></i>
                                                <span>通知公告</span>
                                            </span>
                                            <a href="javascript:void(0)"
                                                (click)="goto({page:'detail_table',catagoryId:'tongzhilan'})">
                                                更多>>
                                            </a>
                                        </li>
                                        <li *ngFor="let item of tongzhiList" [class]="classes.articalList">
                                            <div class="articalTitle" (click)="goto({
                                                        page:'detail_article',
                                                        id:item.id,
                                                        catagoryId:'tongzhilan'})">
                                                {{item.title}}
                                            </div>
                                            <span class="articalDate">{{item.operTime}}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div nz-col nzSpan="12">
                                    <div class="cardContainer">
                                        <div class="rightCard rightCard1" (click)="menuClick('aqsc')"> </div>
                                        <div class="rightCard rightCard2" (click)="menuClick('bzhtx')"> </div>
                                        <div class="rightCard rightCard3" (click)="menuClick('xtgl')"> </div>
                                        <div class="rightCard rightCard4" (click)="menuClickJbxx()"> </div>
                                    </div>
                                </div>
                            </div>
                            <div nz-row>
                                <div nz-col nzSpan="12">
                                    <ul class="articleUl">
                                        <li [class]="classes.articalHead">
                                            <span>
                                                <i nz-icon [nzIconfont]="'icon-zu9'"></i>
                                                <span>学习园地</span>
                                            </span>
                                            <a href="javascript:void(0)"
                                                (click)="goto({page:'detail_table',catagoryId:'xuexijiaoliu'})">
                                                更多>>
                                            </a>
                                        </li>
                                        <li *ngFor="let item of xuexiList" [class]="classes.articalList">
                                            <div class="articalTitle" (click)="goto({
                                                        page:'detail_article',
                                                        id:item.id,
                                                        catagoryId:'xuexijiaoliu'})">
                                                {{item.title}}
                                            </div>
                                            <span class="articalDate">{{item.operTime}}</span>
                                        </li>
                                    </ul>
                                </div>
                                <div nz-col nzSpan="12">
                                    <ul class="articleUl">
                                        <li [class]="classes.articalHead">
                                            <span>
                                                <i nz-icon [nzIconfont]="'icon-zu5'"></i>
                                                <span>群团工作</span>
                                            </span>
                                            <a href="javascript:void(0)"
                                                (click)="goto({page:'detail_table',catagoryId:'quntuangongzuo'})">
                                                更多>>
                                            </a>
                                        </li>
                                        <li *ngFor="let item of quntuanList" [class]="classes.articalList">
                                            <div class="articalTitle" (click)="goto({
                                                            page:'detail_article',
                                                            id:item.id,
                                                            catagoryId:'quntuangongzuo'})">
                                                {{item.title}}
                                            </div>
                                            <span class="articalDate">{{item.operTime}}</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </nz-content>
                    </nz-layout>
                </div>
            </div>
            <div nz-row>
                <div nz-col nzSpan="24">
                    <app-index-kmn-detail *ngIf="detailPage" [detailId]="detailId" [categoryId]="catagoryId"
                        (breadChange)="breadChange($event)" [searchKey]="searchKey">
                    </app-index-kmn-detail>
                </div>
            </div>

        </nz-content>
        <nz-footer [class]="classes.footer">
            <div nz-row>
                <div nz-col nzSpan="1"></div>
                <div nz-col nzSpan="22">
                    <div class="footerMainText">单位：昆明南电务段主办</div>
                    <div class="footerMainSubText">地址：昆明市官渡区站前路109号</div>
                </div>
            </div>
        </nz-footer>
    </nz-layout>
</div>

